<template>
	<div class="container">
		<h3>考生考试信息</h3>
		<div class="info">
			<p>考生姓名:刘德华</p><br/><br/><br/> 
			<p>身份证号:12345678901234edxc</p><br/><br/><br/> 
			<p>考试科目:刘德华</p><br/><br/><br/> 
			<p>考试时间:2021年5月30日    9:30    -    11:00</p> 
			<div class="right"></div>
		</div>
		<br/>
		 <el-checkbox v-model="checked">我已阅读个人考试信息</el-checkbox>
		 <br/>
		 <div class="surebotton">
			  <el-button @click="sure()" type="primary" class="test"><span >确认</span></el-button> 
		 </div>
		
	</div>
</template>

<script>
	export default {
		name: 'examnieeinfo',
		data(){
			return{
				checked:true
			}
		},
		methods:{
			sure() {
				this.$router.push('examnieerules')
			}
		}
		
	}
</script>

<style scoped>
	.container{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		width: 50%;
		height: 400px;
		border: 1px solid #000000; 
	}
	.info{ 
		position: relative;
		width: 75%;
		height: 250px;
		border: 1px solid black;
		margin: auto;
	}
	.info p{
		 position: absolute;
		 float: left; 
		 font-size: 20px; 
		 margin-top: 20px;
		 letter-spacing: 3px;
		 
	}
	.right{
		position: absolute; 
		right: 15px;
		width: 27%;
		height: 230px;
		top: 10px;
		background-color: red;
	}
	.el-checkbox{
		float: left;
		margin-left: 14%;
	}
	.surebotton{
		position: absolute; 
		right: 12%;
		bottom: 15px;
	}
	.test{
		 font-size: 20px;
		 letter-spacing: 10px;
	 }
</style>
